body{
    overflow: hidden;
   background: url(../images/login_bg.png) no-repeat; 
  background-size: 100% 100%;  
  -moz-background-size: 100% 100%;  
  -webkit-background-size: 100% 100%; 
}
.login{
    padding-top: 0px; 
   /* max-width: 768px;*/
    margin:0 auto; 
   /* min-width: 320px;*/
    /*background: url(../images/login_bg.png) no-repeat; */
    background-size:cover;   
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
    background-size:100% 100%;
    /*min-height:480px; */
    height: 100%;
    width: 100%
}
.login-title{
    position: relative;
    width:100%;
    height:80px;
   
    text-align: center;
    font-size: 1.7em;
    font-family: "Microsoft YaHei";
    color:#fff;
}
.login-title i{
    position: absolute;
    top:130px;
    left:50px;
    width:230px;
    height:20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}
.login-bar{
    position: relative;
    width:100%;
    height:30%;
    
}
.login-bar ul li{
    width:70%;
    height:25px;
    margin: 30px 0 0 11%;
    border-bottom:1px solid #fff;
}
.login-bar .text{
    position: absolute;
    margin-left:3%;
    width:60%;
    height:25px;
    border:none;
    background:none;
    color:#fff;
}
.login-bar .psd{
    position: absolute;
    top:55px;
    margin-left:3%;
    width:60%;
    height:25px;
    border:none;
    background:none;
    color:#fff;
}
input:focus {
    outline:none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
}
.login-btn{
    width:100%;
    height:30%;
    margin-top:80px;
}
.submit{
    width:70%;
    height:35px;
    background:#f34541;
    border:1px solid #f34541;
    text-align: center;
    margin-left:11%;
    color:#fff;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
}
.login-reg p{
    width:70%;
    height:35px;
    line-height: 35px;
    background:#306a8c;
    border:1px solid #306a8c;
    text-align: center;
    margin:25px 0 0 11%;
    color:#fff;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    border-radius: 3px;
    display: block;
}
@media only screen and (max-width: 320px) and (max-width: 360px) {
          .login{padding-top: 40px;}
}
@media only screen and (min-width: 360px) and (max-width: 375px) {
	      .login{padding-top: 88px;/*margin-top: 58px;*/}
          .login-title i{position: absolute;top: 89px;left: 33px;}
          form{margin-left: 33px;}
}
@media only screen and (min-width: 375px)  {
         .login{min-height: 579px;margin-top: 0px}
}
@media only screen and (min-width: 411px) and (max-width: 414px) {
          .login{padding-top: 87px;min-height: 649px}
          .login-title i{position: absolute;top: 116px;left: 92px}
          form{padding-top: 58px;margin-left: 33px;}
}

/*@media only screen and (max-height: 667px){ 
          .login{margin-top: 44px}
}
@media only screen and (min-height: 667px)and (max-height: 736px) { 
	      .login{min-height: 579px;margin-top: 88px}
	      .login-title i{position: absolute;top: 50px;left: 77px}
	      form{margin-left: 33px;margin-top: -30px;}
}
@media only screen and (min-height: 736px)and (max-height: 823px) { 
          .login{margin-top: 88px}
}*/




































